
<div style="POSITION: relative" id="content">
<h3>easyUI 使用HTML标签创建Tree </h3>
<div id="article_content" class="article_content">
<p>一个tree可以从标记创建,easyui tree也可以定义在  &lt;ul&gt;  元素,无序列表的&lt;ul&gt;元素提供一个基础的tree结构,每一个  &lt;li&gt;元素将产生一个tree节点和子&lt;ul&gt; 元素将产生一个父树节点.</p>
  <p><img src="documentation/images/1344825199_2302.png" alt=""></p>
  <p></p>
  <h4 style="font-size:16px; color:rgb(204,0,0); margin:10px 0px; font-family:Arial,Helvetica,'Nimbus Sans L',sans-serif; text-align:left"> 创建 Tree</h4>
  <pre name="code" class="html">&lt;ul class=&quot;easyui-tree&quot;&gt;  
       &lt;li&gt;  
           &lt;span&gt;Folder&lt;/span&gt;  
           &lt;ul&gt;  
               &lt;li&gt;  
                   &lt;span&gt;Sub Folder 1&lt;/span&gt;  
                   &lt;ul&gt;  
                       &lt;li&gt;&lt;span&gt;File 11&lt;/span&gt;&lt;/li&gt;  
                       &lt;li&gt;&lt;span&gt;File 12&lt;/span&gt;&lt;/li&gt;  
                       &lt;li&gt;&lt;span&gt;File 13&lt;/span&gt;&lt;/li&gt;  
                   &lt;/ul&gt;  
               &lt;/li&gt;  
               &lt;li&gt;&lt;span&gt;File 2&lt;/span&gt;&lt;/li&gt;  
               &lt;li&gt;&lt;span&gt;File 3&lt;/span&gt;&lt;/li&gt;  
           &lt;/ul&gt;  
       &lt;/li&gt;  
       &lt;li&gt;&lt;span&gt;File21&lt;/span&gt;&lt;/li&gt;  
   &lt;/ul&gt;  </pre>
  <h4 style="font-size:16px; color:rgb(204,0,0); margin:10px 0px; font-family:Arial,Helvetica,'Nimbus Sans L',sans-serif; text-align:left"> 下载 &nbsp;EasyUI 示例:</h4>
  <div style="font-size:14px; font-family:Arial,Helvetica,'Nimbus Sans L',sans-serif; text-align:left; padding-left:50px"> <a href="http://www.jeasyui.com/tutorial/tree/download/easyui-tree1-demo.zip" target="_blank" class="download-link" style="color:rgb(0,0,255)">easyui-tree-demo.zip</a></div>
  <br>
  </div>
</div>
  <SCRIPT type=text/javascript>
	dp.SyntaxHighlighter.ClipboardSwf = 'documentation/js/clipboard.swf'/*tpa=http://jeasyui.com/SyntaxHighlighter/Scripts/clipboard.swf*/;
	dp.SyntaxHighlighter.HighlightAll('code');
</SCRIPT>